<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/shopping-listdetail.css">
    <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_792551_0o4jg9vy3hmh.css" />
    <title>订单详情</title>
</head>

<body>
    <div class="wrap">
        <header>
            <div class="top">
                <div class="top-t clearfix w">
                    <span>
                        <a href="reg.html">注册</a>
                        <a href="reg.html">登录</a>
                        <a href="VIP_landing.html">VIP登录</a>
                    </span>
                    <ul>
                        <li><a href="search.html">商家入驻</a></li>
                        <li><a href="shopping-Mall-shopping-cart.html">我的订单</a></li>
                        <li><a href="shopping-address.html"><b class="iconfont icon-gouwuche"></b> <b>( 0 )</b></a></li>
                    </ul>
                </div>
        	</div>
	        <div class="header_contant clearfix w">
	            <div class="logo">
	                <a href="index.html"><img src="../images/index/logo.png"/></a>
	            </div>
	            <div class="search">
	                <form action="" method="post" class="clearfix">
	                    <input type="text" placeholder="serch"/>
	                    <input type="button" value=""/>
	                    <i class="iconfont icon-fangdajing magnifying"></i>
	                </form>
	                <ul class="clearfix">
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                    <li><a href="#">地板</a></li>
	                </ul>
	            </div>
	        </div>
            <nav>
                <div class="nav w">
                    <ul class="clearfix">
                        <li class="nav_li">
                            <a href="login-accounts.html">木工</a>
                            <div class="navigation">
                                <div class="centent w">
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">板材</li>
                                            <li><a href="#">装饰面板</a></li>
                                            <li><a href="#">宝丽板</a></li>
                                            <li><a href="#">三聚氰胺板</a></li>
                                            <li><a href="#">铝塑板</a></li>
                                            <li><a href="#">多层板</a></li>
                                            <li><a href="#">中纤板</a></li>
                                            <li><a href="#">细木工板</a></li>
                                            <li><a href="#">刨花板</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">欧松板</a></li>
                                            <li><a href="#">防火板</a></li>
                                            <li><a href="#">密度板</a></li>
                                            <li><a href="#">其他板材</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">地板</li>
                                            <li><a href="#">实木地板</a></li>
                                            <li><a href="#">实木复合地板</a></li>
                                            <li><a href="#">强化复合地板</a></li>
                                            <li><a href="#">竹地板</a></li>
                                            <li><a href="#">软木地板</a></li>
                                            <li><a href="#">塑料地板</a></li>
                                            <li><a href="#">PVC地板</a></li>
                                            <li><a href="#">其他地板</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">木线</li>
                                            <li><a href="#">普通龙骨</a></li>
                                            <li><a href="#">精品龙骨</a></li>
                                            <li><a href="#">顶线</a></li>
                                            <li><a href="#">门线</a></li>
                                            <li><a href="#">角线</a></li>
                                            <li><a href="#">木方线</a></li>
                                            <li><a href="#">收口线</a></li>
                                            <li><a href="#">花木线</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">踢脚线</a></li>
                                            <li><a href="#">定制木线</a></li>
                                            <li><a href="#">其他木线</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">地板配件</li>
                                            <li><a href="#">地板订</a></li>
                                            <li><a href="#">扣条</a></li>
                                            <li><a href="#">地垫</a></li>
                                            <li><a href="#">地板蜡</a></li>
                                            <li><a href="#">地板清洁剂</a></li>
                                            <li><a href="#">底板防水油</a></li>
                                            <li><a href="#">地板修补剂</a></li>
                                            <li><a href="#">甲醛清除剂</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">地板安装工具</a></li>
                                            <li><a href="#">其他地板配件</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">吊顶钢龙骨</li>
                                            <li><a href="#">吊筋</a></li>
                                            <li><a href="#">吊钢</a></li>
                                            <li><a href="#">轻钢龙骨</a></li>
                                            <li><a href="#">扣板龙骨</a></li>
                                            <li><a href="#">铝合金龙骨</a></li>
                                            <li><a href="#">其他吊件</a></li>
                                        </ul>
                                    </div>
                                    <div class="listing1 flo">
                                        <ul>
                                            <li class="Coarse_word">木工类五金</li>
                                            <li><a href="#">拉手</a></li>
                                            <li><a href="#">锁</a></li>
                                            <li><a href="#">合页</a></li>
                                            <li><a href="#">铰链</a></li>
                                            <li><a href="#">插销</a></li>
                                            <li><a href="#">门夹</a></li>
                                            <li><a href="#">碰珠</a></li>
                                            <li><a href="#">脚轮</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li><a href="#">闭门器</a></li>
                                            <li><a href="#">地弹簧</a></li>
                                            <li><a href="#">吊轮</a></li>
                                            <li><a href="#">导轨</a></li>
                                            <li><a href="#">螺栓</a></li>
                                            <li><a href="#">钉</a></li>
                                            <li><a href="#">角码</a></li>
                                            <li><a href="#">螺母</a></li>
                                        </ul>
                                        <ul class="spacing">
                                            <li class="clearfix"><a href="#">围网</a></li>
                                            <li><a href="#">其他木工五金</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="nav_li">
                            <a href="#">泥水工</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">油漆工</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">电工</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">门窗/其他</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">装修工具</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">消防材料</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">建筑防具</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">精细化学品</a>
                        </li>
                        <li class="nav_li">
                            <a href="#">定制/非标准</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </header> 
        <section class="w">
            <!-- 标题到按钮的盒子 -->
            <div class="listdetail">
                <p class="title">订单详情</p>
                <p class="tips">请您于下单后24小时内支付此订单，否则商城将自动取消此订单。</p>
                <p class="lastchoose">上次选择的支付方式</p>
                <div class="payway">
                    <img src="../images/shopping/jianshe.jpg" alt="">
                    <a href="#">更改支付方式</a>
                </div>
                <a href="#" class="payrightnow">
                    <div>
                        <p>立即支付</p>
                    </div>
                </a>
            </div>
            <!-- 订单详情板块 -->
            <div class="detail">
                <table class="order">
                    <tr class="thead">
                        <td>订单详情</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>订单编号</td>
                        <td class="g">JSW57481213</td>
                        <td class="g">取消订单</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>订单状态</td>
                        <td class="g">待支付</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>下单时间</td>
                        <td class="g">2016-06-07</td>
                        <td></td>
                    </tr>
                </table>
                <table class="sendmessage">
                    <tr class="thead">
                        <td>配送信息</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>


                    </tr>
                    <tr>
                        <td>收货人信息</td>
                        <td class="g">我是达尔文</td>

                    </tr>
                    <tr>
                        <td>收货人邮箱</td>
                        <td class="g">308046856@qq.com</td>
                    </tr>
                    <tr>
                        <td>收货人手机</td>
                        <td class="g">13427846759</td>
                    </tr>
                    <tr>
                        <td>地址</td>
                        <td class="g">广东省深圳市罗湖区 东盛路5栋485</td>
                    </tr>
                    <tr>
                        <td>特殊说明</td>
                        <td></td>
                    </tr>
                </table>

                <table class="list-goods">
                    <tr class="thead">
                        <td>订单商品</td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr class="border">
                        <td>商品</td>
                        <td class="num">数量</td>
                        <td class="price">价格</td>
                        <td class="sum">小计</td>
                    </tr>
                    <tr class="border">
                        <td class="goods">
                            <img src="../images/shopping/1.jpg" alt="">
                            <p>
                                商品品牌名称
                                <br>
                                <br>
                                <span>颜色：</span>白色
                                <br>
                                <span>规格：</span>规格X规格
                                <br>
                                <span>货号：NH5478525666</span>

                            </p>
                        </td>
                        <td>
                            1
                        </td>
                        <td>￥150.00</td>
                        <td>￥150.00</td>
                    </tr>
                    <tr class="border">
                        <td class="goods">
                            <img src="../images/shopping/1.jpg" alt="">
                            <p>
                                商品品牌名称
                                <br>
                                <br>
                                <span>颜色：</span>白色
                                <br>
                                <span>规格：</span>规格X规格
                                <br>
                                <span>货号：NH5478525666</span>

                            </p>
                        </td>
                        <td>
                            5
                        </td>
                        <td>￥150.00</td>
                        <td>￥750.00</td>
                    </tr>
                </table>
            </div>
            <!-- 订单总额盒子 -->
            <div class="rental">
                <div class="rental-table">
                    <table>
                        <tr>
                            <td align="left">商品金额</td>
                            <td align="right">￥900.00</td>
                        </tr>
                        <tr>
                            <td align="left">优惠</td>
                            <td align="right">-￥0.00</td>
                        </tr>
                        <tr>
                            <td align="left">运费</td>
                            <td align="right">￥0.00</td>
                        </tr>
                        <tr class="border">
                            <td></td>
                            <td></td>
                        </tr>
                        <tr class="b">
                            <td align="left">订单总额</td>
                            <td align="right">￥900.00</td>
                        </tr>
                    </table>
                </div>

            </div>
        </section>
        <footer>
            <div class="footer_tittle clearfix w">
                <ul>
                    <li class="quan"><p>优</p></li>
                    <li>
                        <h5>品质保障</h5>
                        <span>品质保障 品质无忧</span>
                    </li>
                </ul>
                <ul>
                    <li class="quan"><p>特</p></li>
                    <li>
                        <h5>特色服务</h5>
                        <span>针对户型 私人定制</span>
                    </li>
                </ul>
                <ul>
                    <li class="quan"><p>省</p></li>
                    <li>
                        <h5>全网最低</h5>
                        <span>厂家直销 低价承诺</span>
                    </li>
                </ul>
                <ul>
                    <li class="bangzhu"><p class="iconfont icon-bangzhuzhongxin"></p></li>
                    <li>
                        <h5>帮助中心</h5>
                        <span>你的购物指南</span>
                    </li>
                </ul>
            </div>
            <div class="footer_ul clearfix w">
                <ul>
                    <li>
                        <h5><a href="#">新手指南</a></h5>
                    </li>
                    <li>
                        <a href="#">新手指南</a>
                    </li>
                    <li>
                        <a href="#">购物流程</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">支付方式</a></h5>
                    </li>
                    <li>
                        <a href="#">支付宝</a>
                    </li>
                    <li>
                        <a href="#">微信支付</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">物流配送</a></h5>
                    </li>
                    <li>
                        <a href="#">物流方式</a>
                    </li>
                    <li>
                        <a href="#">服务流程</a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <h5><a href="#">客服中心</a></h5>
                    </li>
                    <li>
                        <a href="#">在线客服</a>
                    </li>
                    <li>
                        <a href="#">常见问题</a>
                    </li>
                </ul>
                <ul>
                    <li class="xiongdi">
                        <a href="#">扫一扫，关注鲁班兄弟</a>
                    </li>
                    <li class="erweima">
                        <a href="#"><img src="../images/index/erweima.jpg"/></a>
                    </li>
                </ul>
            </div>
            <div class="bottom">
                <div class="bottom_contant">
                    <p>
                    	Copyright © 2015-2016 QDTG. All rights reserved. 鲁班兄弟 粤ICP16035771<span>|</span><a href="#">关于我们</a><span>|</span><a href="#">联系我们</a><span>|</span><a href="#">法律声明</a>
                    </p>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>